import Vue from 'vue'
import VueRouter from 'vue-router';
import App from './App.vue'
import ElementUI from 'element-ui';
// import 'element-ui/lib/theme-chalk/index.css';

// Vue.use(ElementUI);
import { Button, Upload, Message, Alert, Link, Card, Image, Backtop, Icon, Tabs, TabPane, Tag, Table, TableColumn, MessageBox } from 'element-ui';
Vue.use(Button);
Vue.use(Upload);
Vue.use(Alert);
Vue.use(Link);
Vue.use(Card);
Vue.use(Image);
Vue.use(Backtop);
Vue.use(Icon);
Vue.use(Tabs);
Vue.use(TabPane);
Vue.use(Tag);
Vue.use(Table);
Vue.use(TableColumn);
import Home from './components/Home.vue'
import Video from './components/video.vue'
import ProductListTwo from './components/ProductListTwo.vue'
Vue.use(VueRouter);

// Vue.component(Button.name, Button);
// Vue.component(Row.name, Row);

Vue.prototype.$notify = Notification;

// new Vue({
//   el: '#app',
//   render: h => h(App)
// })
const router = new VueRouter({
  routes: [
    {
      path: "/",
      component: Home
    },
    {
      path: "/about",
      component: ProductListTwo
    },
    {
      path: "/video",
      component: Video
    }
  ]
})
Vue.prototype.$message = Message;
Vue.prototype.$confirm = MessageBox.confirm;
new Vue({
  render: h => h(App),
  router
}).$mount('#app')